<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>注册页面</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/zhuce.css">
    <link rel="stylesheet" type="text/css" href="font/iconfont.css">
</head>
<body>
	<div class="go_m w">
		<a href="#">
			<img class="log" src="img/xloog_02.gif">
		</a>
	</div>
	<div class="zc_m w">
		<a href="#">
			手机注册
		</a>
	</div>
	<div class="one_m w clearfix">
		<form action="" style="display:block" id="Form_1">
			<div class="left diyi">
				<p>第一步：填写手机账户信息（以下内容均为必填）</p>
				<div class="left_m clearfix">
					<span class="kt">用户名：</span>
					<input class="fo1_m" type="text" name="mingzi">
					<span class="hao">4-20个字符，一个汉字为两个字符，推荐使用中文会会员名字。一旦注册成功会员名将不能修改。</span>
					<div id="top-mingzi"></div>			
				</div>					
				<div class="left_m clearfix">
					<span class="kt">手机号码：</span>
					<input class="fo1_m" type="text" name="shoujihao">
					<span class="hao">请输入您的手机号码。</span>
					<div id="top-shoujihao"></div>			
				</div>
				<div class="left_m clearfix">
					<span class="kt">验证码：</span>
					<input class="fo1_m hou" type="text" name="yanzhengma">
					<i class="tu">
						<img src="https://passport.banggo.com/CASServer//custom/loginCode.do?time=1538566484221">
					</i>
					<a href="#" class="bq">换一张</a>
					<div id="top-yanzhengma"></div>			
				</div>
				<div class="left_m du clearfix">
					<input type="submit" value="发送激活码">
					<!-- <a href="javascript:;">发送激活码</a> -->
				</div>				
			</div>
	   </form>
	   <form action="" id="Form_2">
			<div class="left dis">
				<p>第二步：填写获得的激活码</p>
				<div class="left_m clearfix">
					<span class="kt">用户名：</span>
					<input type="text" name="mingzis" value="">
					<div id="top-mingzis"></div>			
				</div>	
				<div class="left_m clearfix">
					<span class="kt">手机号码：</span>
					<input type="text" name="shoujihaos" value="">
					<div id="top-shoujihaos"></div>			
				</div>					
				<div class="left_m clearfix">
					<span class="kt">登陆密码：</span>
					<input type="password" name="denglu" id="denglu">
					<span class="hao">6-16个字符，请使用字母加数字或符号的组合密码。</span>
					<div id="top-denglu"></div>		
				</div>
				<div class="left_m clearfix">
					<span class="kt">确认密码：</span>
					<input type="password" name="queren">
					<span class="hao">请再次输入登录密码。</span>
					<div id="top-queren"></div>			
				</div>					
				<div class="left_m clearfix">
					<span class="kt">激活码：</span>
					<input type="text" name="jihuoma">
					<span class="hao">请输入您的激活码。</span>
					<div id="top-jihuoma"></div>			
				</div>
				<div class="left_m clearfix">
					<span class="kt">邀请人手机号码：</span>
					<input type="text" name="yaoqi">
					<span class="hao">请输入邀请人账号绑定的手机号码。</span>
					<div id="top-yaoqi"></div>			
				</div>
				<div class="left_m te clearfix">
					<input type="submit" value="同意以下协议并注册">
					<!-- <a href="javascript:;">同意以下协议并注册</a> -->
					<span class="hao yang si"> 手机未收到验证码， <a href="#">重新发送</a></span>
					<div class="si"><a href="#">《邦购用户协议》</a></div>			
				</div>				
			</div>
	   </form>
	   <form action="" id="Form_3">
			<div class="lefts">
				<p>第二步： 注册账号成功</p>
				<div>
					<div class="dw">
						<i class="iconfont icon-duihao" style="font-size: 50px"></i>
						<h3>恭喜您注册成功！</h3>
					</div>
					<p>您登录邦购的用户名为：<b>褪色基于</b> ，您随时可使用此用户名享受便宜又放心的购物乐趣。</p>
					<div class="left_m du clearfix">
						<a href="javascript:;">立即去购物</a>
					</div>	
					<div class="kong">
						<h5>请完成帐户安全验证</h5>
						<p>验证手机和邮箱可保护您的账户安全，帮助您快速找回密码，并可接收订单处理等信息。</p>
						<div class="zttb clearfix">
							<a href="#">
								<img src="img/xin.gif"> 立即去验证邮箱 <i class="iconfont icon-dayuhao" style="font-size: 12px"></i><i class="iconfont icon-dayuhao" style="font-size:12px"></i>		
							</a>
							<a href="#">
								<img src="img/ji.gif" class="xin"> 立即去验证手机 <i class="iconfont icon-dayuhao" style="font-size: 12px"></i><i class="iconfont icon-dayuhao" style="font-size:12px"></i>		
							</a>
						</div>
					</div>
				</div>			
			</div>
	   </form>
		<div class="lefts cuowu">
			<div class="dw">
				<i class="iconfont icon-cuohao" style="font-size: 50px"></i>
				<h3>CAS is Unavailable</h3>
				<p>Request method 'GET' not supported</p>
				<p>There was an error trying to complete your request. Please notify your support desk or try again.</p>
				<div class="left_m du clearfix">
					<a href="javascript:;">回首页</a>
				</div>	
			</div>			
		</div>
		<div class="right">
			<h4>邦购网欢迎您</h4>
			<p>欢迎注册成为邦购网会员，在这里您可以享受最贴心快捷的购物服务，我们的宗旨是让每一位顾客都得到最大满意~~~</p>
			<img src="img/righttu_03.gif">
		</div>
	</div>
	<div class="rm w">
		<ul class="di_m clearfix">
			<li>美特斯邦威集团网站:</li>
			<li><a href="#">美特斯邦威</a></li>
			<li class="bian"><a href="#">ME&CITY</a></li>
			<li class="bian"><a href="#">CH'IN祺</a></li>
			<li class="bian"><a href="#">邦购网</a></li>
		</ul>
	</div>
	
	<script src="jquery/jquery-1.12.4.js"></script>
	<script src="jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <script src="js/zhuce.js"></script>
</body>
</html>		

